طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
رویدادهای مربوط به پنجره مرورگر و فرمها در طراحی وب سایت HTML
یکی از امکاناتی که در HTML 4.0 به وجود آمد استفاده از event در عناصر HTML صفحه بود. یک نمونه از این رویدادها (event) اجرا شدن یک فرمان جاوا اسکرپت به هنگام کلیک کردن روی عناصر HTML در صفحه است.
در اینجا لیستی از رویدادهایی که در تگهای طراحی وب سایت HTML استفاده می شوند آورده شده است. بهتر است برای اینکه بتوانید به خوبی از این رویدادها استفاده کنید اطلاعاتی در مورد جاوا اسکرپت داشته باشید.
برای استفاده از این رویدادها می توانید اسکرپتهای نوشته شده با جاوا اسکرپت را به عنوان مقادیر این رویدادها قرار دهید تا بسته به نوع رویداد مورد نظر اجرا شوند.
رویدادهای مربوط به پنجره مرورگر طراحی وب سایت
این رویدادها باید فقط در تگهای body و frameset استفاده شوند. دو رویداد در این دسته قرار می گیرند که در زیر آنها را مشاهده می کنید:
onload :
این رویداد باعث می شود تا اسکرپتی که به عنوان مقدار آن قرار داده شده است در هنگام باز شدن صفحه اجرا شود.
onunload :
اسکرپتی که به عنوان مقدار این شناسه قرار می گیرد در هنگامی که بازدید کننده از صفحه خارج می شود اجرا می شود.
onResize :
این رویداد هنگامی که اندازه پنجره مرورگر را تغییر می دهید اجرا می شود.
برای مشاهده یک مثال برای این رویدادها لینک زیر را کلیک کنید. صفحه ای که به آن وارد می شوید حاوی دو رویداد بالا در تگ body خود است.
ورود به صفحه آزمایشی برای رویدادهای مربوط به پنجره مرورگر
می توانید تگ body مورد استفاده در مثال بالا را در اینجا مشاهده کنید:
<body onload="alert('به این صفحه آزمایشی خوش آمدید')" onunload="alert('شما از این صفحه خارج شدید')" onresize="alert('شما اندازه پنجره را تغییر دادید')>
رویدادهای مربوط به فرمها
رویدادهای زیر در فرمها استفاده می شوند:
onchange :
اسکرپت موجود در این شناسه به هنگام ایجاد تغییر در عناصر موجود در فرمها طراحی وب سایت اجرا می شود.
onsubmit :
وقتی که فرم ارسال می شود اسکرپت موجود در این شناسه اجرا می شود.
onreset :
وقتی که دکمه reset ( پاک کردن فرم ) فشار داده شود اسکرپت موجود در این شناسه اجرا می شود.
onselect :
وقتی که قسمتی از فرم که این شناسه را در خود دارد انتخاب شود اسکرپت موجود در این شناسه اجرا می شود.
onfocus :
وقتی که تگی که حاوی این شناسه است مورد استفاده کاربر قرار گیرد اسکرپت موجود در این رویداد اجرا می شود.
onblur :
این شناسه بر عکس شناسه بالا عمل می کند یعنی وقتی کار کاربر با یک تگ تمام شد و به سراغ قسمت دیگری از صفحه رفت اجرا می شود.
برای مشاهده مثال برای رویدادهای مربوط به فرمها اینجا را کلیک کنید.
در اینجا می توانید کدی را که در مثال بالا استفاده شده ببینید البته فقط قسمتهای ضروری آن طراحی وب سایت آورده شده است:
<form action="#" method="post" onsubmit="msg('onSubmit')" onreset="msg('onReset')">
<input type="text" onfocus="msg('onFocus')" onblur="msg('onBlur')" />
<select name="select" onchange="msg('onChange')">
<option>گزینه اول</option>
<option>گزینه دوم</option>
<option>گزینه سوم</option>
<option>گزینه چهارم</option>
</select>
<textarea onSelect="msg('onSelect')">وقتی متنی را که در یا تگ با شناسه onselect قرار دارد انتخاب کنید اسکرپت موجود در این رویداد اجرا می شود.</textarea>
<input type="reset" name="reset" value="reset" />
<input type="submit" name="Submit" value="Submit" />
</form>
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده: hamed تاريخ: چهارشنبه 29 خرداد 1392 ساعت: 14:42
D
اموزش جامع و کامل CSS از پایه تا پیشرفته
موزش جامع و کامل CSS از پایه تا پیشرفته
استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به
طراحی معطوف می کند استفاده ی اصلی css برای قالب بندی اشیاء html می باشد به طور مثال با آن می توانید برای قسمت های
مختلف در صفحه ی طراحی وب سایت خود تصویر زمینه ای قرار دهید رنگ متن ها را تغییر دهید و امکانات بی نظیر دیگری که برای html وجود ندارد.....
ادامه مطلب
آموزش جامع و کامل جاوا اسکریپت از پایه تا پیشرفته
دسته: داینامیک
دیدگاه های پیشین
یکی دیگر از قابلیت های جاوا اسکریپت این است که به راحتی می توان با html ترکیب شود و از امکاناتi
sectionدسته بندی: آموزش کاربردی » MySQL
labelبرچسب ها: PHP - MySQL
article
ارسال پارامترطراحی وب سایت به URL و دریافت مقادیر با PHP
php-curl-file-get-contents
زمانی که از ارسال پارامتر درطراحی وب سایت صحبت می کنیم، بیشتر ذهنمان معطوف به فرم های HTML و متد POST یا GET می شود، البته این شیوه مرسوم و پرکاربردی برای ارسال داده ها از مرورگر (سمت کاربر) به یک سایت (سمت سرور) است، اما گاهی مواقع نیاز است که از این قالب سنتی پا را فراتر بنهیم و از روش های دیگری نیز استفاده کنیم، به فرض از همین استاندارد POST و GET در ارسال درخواست های آژاکسی (Ajax) نیز به سرور استفاده می شود، از طرفی کدها و توابعی در PHP وجود دارد که می توانند علاوه بر ارسال پارامترها به یک سرور (آدرس URL)، پاسخ آن را نیز دریافت کنند، امکان بالقوه ای که می تواند کاربردهای زیادی داشته باشد، از جمله مهمترین این توابع file_get_contents و cURL هستند
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده: hamed تاريخ: چهارشنبه 29 خرداد 1392 ساعت: 14:45